/*common*/
*{padding:0px;margin:0px;}
html{background:#fff;}
body{font:14px 微软雅黑;background:#fff;color:#333;width:100%;overflow-x:hidden;}
img{border:none;}
a{color: #333;text-decoration: none;}
a:hover{color:#ff6600;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;outline:0px;}
h1,h2,h3,h4,h5,h6 {font-size: 12px;font-weight: normal;}
i,em{font-style:normal;}


/*base*/
.m{width:1288px;margin:0 auto;}
.m2{width:1200px;margin:0 auto;}
.p_r{position:relative;}
.d_n{display:none;}
.f_l{float:left;}
.f_r{float:right;}
.c_b{clear:both;}
.pt10{padding-top:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.ta_c{text-align:center;}
.ta_r{text-align:right;}

 .clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
 .clearfix{ zoom:1;}

.pic_zoom_out img{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.pic_zoom_out:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.hdtop{line-height:24px;background:#000;width:100%;color:#fff;}
.hdtop .right{float:right;text-align:right;font-size:12px;}
.hdtop a{color:#fff;}
.hdtop a:hover{color:#d22c2b;}

.head {height:90px;position:relative;z-index:2;}
.head .m{position:relative;height:100%;}
.head .logo{height:76px;position: absolute;left:0;top:0;bottom:0;margin:auto;transition:.9s;}
.head .logo img{height:100%;}
.head .logo a img:nth-child(2){display:none;}

.hdnav{position:absolute;left:537px;bottom:0;height:80px;line-height:80px;width:751px;}
.hdnav ul{}
.hdnav li{float:left;position:relative;z-index:9;}
.hdnav li a.big{float:left;display:block;text-align:center;font-size:16px;margin:0 17px;position: relative;transition:.3s;}
.hdnav li a.a0{margin-left:0;}
.hdnav li a.a5{margin-right:0;}
.hdnav li:hover .big{color:#d02221;}
.hdnav li.cur .big:after{content:'';position: absolute;width:0;height:0;bottom:0;left:0;right:0;margin:auto;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #fea314;}
.hdnav .storelink{cursor:pointer;display:block;position: absolute;right:0;top:25px;border-radius:5px;width:108px;height:29px;line-height:29px;font-size:16px;color:#d02221;background:url(img/cart.png) no-repeat 9px center;text-indent:37px;border:1px #d1d1d1 solid;}
.hdnav .storelink:hover{border-color:#d02221;}

.navlistbtn{display:none;}

.headfix{background:#fff;position:fixed;border-bottom:1px solid rgba(0,0,0,0.05);}
.headfix .hdnav li a.big{color:#333;}
.headfix .hdnav li:hover .big,.headfix .hdnav li.cur .big{color:#cd1414;}
.headfix .hdnav li .subnav{background:rgba(255,255,255,1);box-shadow:0 2px 2px rgba(0,0,0,.1);}
.headfix .logo{transform:translateY(-22px);}
.headfix .logo a img:nth-child(1){display:none;}
.headfix .logo a img:nth-child(2){display:block;}



.i_banner{height:749px;width:100%;/*height: calc(100vh - 114px);*/position:relative;z-index:1;overflow:hidden;}
.i_banner .swiper-container{width:100%;height:100%;overflow:hidden;}
.i_banner .swiper-wrapper{width:100%;height:100%;}

.i_banner .pic{background-size:cover!important;height:100%;width:100%;overflow:hidden;position:absolute;}
.i_banner a{font-size:0;}
.i_banner .swiper-pagination{width:1200px;left:0;right:0;margin:auto;text-align:center;}
.i_banner .swiper-pagination-bullet{width:12px;height:12px;background:none;opacity:0.3;background:#fff;border-radius:50%;opacity:1;}
.i_banner .swiper-pagination-bullet-active{opacity:1;background:#fea314;}
.i_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.i_banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:38px;}
.i_banner .swiper-button-prev,.i_banner .swiper-button-next{display:none;}
.i_banner .swiper-slide{position:relative;z-index:1;overflow:hidden;}
/* .i_banner .swiper-container .swiper-slide{transition:0;transform:scale(1);}
.i_banner .swiper-container .swiper-slide-active{transition:.3s;transform:scale(1.1)} */
.i_banner .swiper-container .picanimated{
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-name:bounceIn;
    animation-iteration-count: 1;
}

@-webkit-keyframes bounceIn{
    0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
    100%{opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05)}
}

@keyframes bounceIn{
    0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
    100%{opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05);}
}

.itit {text-align:center;padding:40px 0 30px;}
.itit h2{font-size:35px;color:#333;font-weight:bold;line-height:35px;}
.itit p{line-height: 35px;font-size:24px;color:#696969;text-transform: uppercase;font-weight:bold;}

.itit2{text-align:center;padding:40px 0 30px;}
.itit2 h2{display:inline-block;padding:0 40px;font-size:35px;line-height:35px;font-weight: bold;color:#333;position: relative;}
.itit2 h2:before,.itit2 h2:after{display:block;content:'';width:82px;height:2px;background:#333;top:0;bottom:0;margin:auto;position: absolute;}
.itit2 h2:before{left:-82px;}
.itit2 h2:after{right:-82px;}

.ifw{background:#e9e9e9;max-width:1920px;min-width:1440px;width:100%;margin-top:6px;padding:40px 0 13px;}
.ifw ul{max-width:1706px;width:88.85416%;margin:0 auto;display:flex;justify-content:space-between;}
.ifw li {width:31.18405%;position: relative;cursor:pointer;}
.ifw li .pic{width:100%;height:358px;}
.ifw li .tit{text-align:center;height:176px;background:#fff;color:#1a1a1a;}
.ifw li .tit b{font-size:18px;display:block;padding:35px 0 10px;}
.ifw li .tit .nr{font-size:16px;line-height:32px;}
.ifw li .fg{transition:.3s;opacity:0;font-size:35px;color:#1a1a1a;position:absolute;width:100%;height:100%;box-sizing:border-box;padding:18px 22px;left:0;top:0;}
.ifw li .fg .nr{font-weight:bold;position:relative;width:100%;height:100%;background:rgba(255,174,0,.65);line-height:52px;box-sizing:border-box;padding:70px 0 0 40px;}
.ifw li .fg .nr:after{content:'';width:77px;height:89px;background-size:100%!important;background:url(img/ifwsj.png) no-repeat center;position:absolute;right:35px;bottom:50px;}
.ifw li .fg b{text-transform: uppercase;}
.ifw li .fg p{margin-top:5px;}
.ifw li:hover .fg{opacity: 1;}

.ipro{background:#e9e9e9;max-width:1920px;width:100%;margin:0 auto;}
.ipro .hd ul{text-align:center;padding-top:12px;}
.ipro .hd li{width:218px;height:163px;display:inline-block;margin:0 10px;cursor: pointer;}
.ipro .hd li .pic{height:123px;position: relative;width:100%;}
.ipro .hd li .pic img{position: absolute;left:0;right:0;bottom:0;margin:auto;}
.ipro .hd li b{display:block;color:#504f4f;margin-top:8px;}
.ipro .hd li.cur,.ipro .hd li:hover{background:#fea314;}
.ipro .bd{display:none;}
.ipro .bd ul{width:100%;display:flex;flex-wrap:wrap;}
.ipro .bd li{width:33.333333%;position: relative;overflow: hidden;}
.ipro .bd li .pic,.ipro .bd li .pic img{width:100%;display:block;overflow: hidden;}
.ipro .bd li .tit{transition:.5s;opacity:0;display:flex;flex-flow: column;justify-content:center;position: absolute;left:0;bottom:0;height:35.77981%;background:rgba(0,0,0,.43);color:#fff;width:100%;padding-left:12.58581%;box-sizing:border-box;}
.ipro .bd li .tit b{font-size:18px;display:block;}
.ipro .bd li .tit p{padding:2% 0;}
.ipro .bd li .tit em{display:block;width:112px;line-height:28px;border:1px #fff solid;text-align:center;}
.ipro .bd li:hover .tit{opacity: 1;}

@media(max-width:1440px){
   .ifw li .pic{width:100%;height:265px;}
   .ifw li .tit{height:129px;}
   .ifw li .tit b{font-size:16px;padding:22px 0 10px;}
   .ifw li .tit .nr{font-size:14px;line-height:28px;}
   .ifw li .fg{font-size:30px;}
   .ifw li .fg .nr{line-height:46px;padding:50px 0 0 30px;}
   .ifw li .fg .nr:after{width:60px;height:69px;bottom:30px;}
}

.iabout{width:100%;height:932px;}
.iabout .m{position: relative;height:100%;}
.iabout .tit{position: absolute;right:0;top:0;bottom:0;box-sizing:border-box;padding:60px 60px 0 70px;margin:auto;width:60%;height:40%;background:rgba(63,63,63,.77);color:#fff;}
.iabout .tit h3 b{font-size:35px;display:block;}
.iabout .tit h3 span{font-size:24px;text-transform: uppercase;}
.iabout .tit .nr{line-height:30px;margin-top:20px;word-break:break-all;}
.iabout .tit .more{color:#fff;display:block;margin-top:10px;}

.inews{background:#e9e9e9;padding-bottom:37px;}
.inews .left{width:623px;height:427px;float:left;overflow: hidden;position: relative;}
.inews .left li{position:relative;}
.inews .left li .pic{width:100%;height:427px;}
.inews .left li .tit{position: absolute;left:0;bottom:0;background:rgba(16,16,16,.45);width:100%;height:140px;color:#fff;box-sizing:border-box;padding:25px 120px 0 35px;}
.inews .left li .tit b{font-size:16px;line-height: 20px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.inews .left li .tit p{line-height:16px;margin-top:10px;}
.inews .left li .tit em{position: absolute;right:25px;bottom:20px;}
.inews .left .prev,.inews .left .next{display:block;position:absolute;top:0;bottom:0;margin:auto;width:27px;height:60px;background:url(img/inewsleftarr.png) no-repeat;opacity: .3;}
.inews .left .prev{left:15px;}
.inews .left .next{right:15px;transform:rotate(180deg);}
.inews .left .prev:hover,.inews .left .next:hover{opacity: .5;}

.inews .right{width:632px;height:427px;overflow: hidden;float:right;position: relative;}
.inews .right li{height:87px;background:#bcbcbc;margin-bottom:13px;}
.inews .right li .time{height:100%;position:relative;box-sizing:border-box;padding-top:20px;width:60px;float:left;color:#101010;text-align: right;line-height:22px;font-size:12px;font-weight: bold;}
.inews .right li .time em{font-size:16px;display:block;}
.inews .right li .time:after{display:block;content:'';width:1px;height:47px;background:#696969;right:-25px;top:0;bottom:0;margin:auto;position: absolute;}
.inews .right li .tit{width:480px;float:right;margin-right:40px;}
.inews .right li .tit b{color:#4d4d4d;display:block;padding:15px 0 5px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.inews .right li .tit p{font-size:12px;color:#575757;line-height:16px;}
.inews .right li:hover{background:#fea314;}
.inews .right .prev,.inews .right .next{display:block;position:absolute;bottom:0;width:287px;height:26px;background:#bcbcbc url(img/inewsbottomarr.png) no-repeat center;}
.inews .right .prev{left:0;}
.inews .right .next{right:0;transform:rotate(180deg);}
.inews .right .prev:hover,.inews .right .next:hover{background:#fea314 url(img/inewsbottomarr.png) no-repeat center;}

.zxxj{width:100%;height:234px;background:url(img/zxxjbg.jpg) no-repeat center;background-size:cover;}
.zxxj .itit2 h2{color:#fff;}
.zxxj .itit2 h2:before,.zxxj .itit2 h2:after{background:#fff;}
.zxxj ul{display:flex;justify-content:center;margin-top:25px;}
.zxxj ul li{margin:0 15px;}
.zxxj ul li:nth-child(1){width:200px;}
.zxxj ul li:nth-child(2){width:300px;}
.zxxj ul li:nth-child(3){width:413px;}
.zxxj .intxt{height:48px;line-height: 48px;background:#fff;border:0;border-radius:5px;width:100%;text-indent:20px;font-size:16px;color:#333;}
.zxxj .inbtn{height:48px;line-height:48px;background:#fea314;color:#fff;border:0;width:88px;font-size:16px;}

.foot{color:#5b5959;width:100%;height:466px;background:#cdc9c9 url(img/footbg.jpg) no-repeat center top;border-top:1px #e9e9e9 solid;}
.foot a{color:#5b5959;}
.foota{padding-top:68px;height:390px;box-sizing:border-box;}
.foota .footnav{width:600px;float:left;min-height: 210px;margin-top:-5px;display:flex;}
.foota .footnav li{line-height:30px;padding-right:39px;}
.foota .footnav li a{display:block;}
.foota .coninfo{line-height:30px;width:300px;float:left;margin-top:-5px;}
.foota .ewm{width:360px;float:right;display:flex;justify-content:space-between;}
.foota .ewm li{width:100px;overflow: hidden;text-align:center;}
.foota .ewm li img{width:100%;}
.foota .ewm li p{padding-top:10px;}
.footb{text-align:center;line-height:76px;}

.rightfix{position: fixed;right:0;bottom:50px;width:60px;z-index:999;}
.rightfix li{border-top:1px #fff solid;}
.rightfix li a{display:flex;position:relative;box-sizing:border-box;justify-content:center;cursor:pointer;padding:0 10px;width:100%;height:54px;font-size:16px;color:#fff;line-height:18px;text-align:center;align-items:center;background:#ba1011;}
.rightfix li:nth-child(1){border:0;}
.rightfix li:nth-child(1) a{border-radius:5px 0 0 0;}
.rightfix li:last-child a{background:#bbb;border-radius:0 0 0 5px;}
.rightfix li .more{display:none;width:110px;height:150px;background:#fff;position: absolute;right:96px;top:0;bottom:0;margin:auto;box-shadow: 0 0 2px rgba(0,0,0,.1);}
.rightfix li .more2{text-align:center;padding-top:12px;}
.rightfix li .more2 p{line-height:18px;font-size:12px;padding-top:5px;}
.rightfix li a:after{content:'';display:none;position:absolute;left:-36px;width: 0;height: 0;border-top: 12px solid transparent;border-left: 15px solid #fff;border-bottom: 12px solid transparent;}
.rightfix li.cur a:after{display:block;}
.rightfix li.cur .more{display:block;}

/*消息提示*/
.xctips{position:fixed; top:0; left:0; width:100%; height:44px; z-index:9999; background:#3498db; color:#FFF; line-height:44px; text-align:center; vertical-align:middle; font-size:16px; transition:background .2s linear;-webkit-transition:background .2s linear; font-family: "Microsoft YaHei", "微软细黑", "微软雅黑 Light" , "微软雅黑", "Arial", "SimSun", "宋体";}
.xctips.info{background:#3498db;}
.xctips.success{background:#2ecc71;}
.xctips.error{background:#ff9090;}
.xctips.loading{background:#F93;}

.banner{height:590px;position: relative;}
.banner .m{box-sizing:border-box;padding-left:50px;}
.banner .claname{display:none;color:#fff;background:rgba(0,0,0,.2);height:242px;top:270px;position:absolute;left:0;right:0;margin:auto;}
.banner .claname b{display:block;font-size:86px;line-height:86px;padding:50px 0 10px;}
.banner .claname p{font-size:34px;text-transform: Uppercase;}

.subclass{line-height:76px;box-shadow: 0 3px 4px rgba(0,0,0,.21);}
.subclass ul{display:flex;}
.subclass a{cursor:pointer;display:block;font-size:18px;color:#393939;text-align:center;}
.subclass a.cur,.subclass a:hover{background:#fea314;color:#fff;}
.subclass .ul3 a{width:33.33333%;}
.subclass .ul1 a,.subclass .ul2 a,.subclass .ul4 a{width:25%;}

.abouttit{text-align:center;margin:40px 0 30px;padding-bottom:12px;position: relative;}
.abouttit h3{font-size:24px;font-weight:normal;color:#575757;}
.abouttit p{font-size:14px;color:#646464;text-transform:uppercase;padding-top:5px;}
.abouttit:after{width:64px;height:4px;background:#fea314;position: absolute;left:0;right:0;content:'';bottom:0;margin:auto;}

.arclist ul{padding-top:70px;}
.arclist li{height: 172px;padding-bottom:17px;margin:0 0 40px 59px;border-left:1px #cdc9c9 solid;border-bottom:1px #cdc9c9 solid;position: relative;}
.arclist li .pic{float:right;width:260px;height:160px;}
.arclist li .pic img{width:100%;height:100%;}
.arclist li .txt{width:435px;height:160px;float:left;margin:0 0 0 80px;position: relative;}
.arclist li .txt b{font-size:18px;color:#3e3e3e;display:block;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.arclist li .txt em{color:#4c4c4c;display:block;padding:15px 0 10px;}
.arclist li .txt p{color:#3e3e3e;line-height:24px;word-break:break-all;}
.arclist li .txt .more{position: absolute;right:0;bottom:0;color:#464646;}
.arclist li .txt .more:hover{color:#fea314;}
.arclist li .time{width:100px;line-height:76px;position:absolute;top:0;left:-50px;background:#fea314;color:#fff;text-align:center;font-size:18px;}
.arclist li:hover{border-color:#fea314;}

.arclist_page {padding:50px 0;*zoom: 1;text-align:center;}
.arclist_page a,.arclist_page em {display:inline-block;font-size: 13px;margin: 0px 3px;padding:3px 12px;background: #fff;text-align: center;font-style: normal;white-space: nowrap;border: 1px solid #fff;line-height: 25px;color:#6e6e6e;}
.arclist_page a:hover,.arclist_page a.fycurrent {color:#fff;border-color:#fea314;background:#fea314;}

.aboutbody{padding:20px 0 20px;line-height:30px;text-align:justify;}
.aboutbody .morehidenr{height:420px;overflow:hidden;position: relative;}
.aboutbody .morehidenr p{text-indent:2em;}

.morehide{position: relative;margin-bottom:47px;}
.morehide .showbtn{display:block;color:#900808;font-size:16px;line-height:17px;font-weight: bold;position: absolute;right:0;bottom:-30px;}
.morehide .showbtn img{margin-left:5px;}
.morehide.cur .morehidenr{height:auto;}
.morehide.cur .showbtn img{transform:rotate(180deg);}

.aboutusfour{width:105%;margin-right:-5%;margin-top:30px;}
.aboutusfour li{float:left;width:595px;height:363px;margin-bottom:10px;margin-right:10px;}
.aboutusfour li img{width:100%;height:100%;}

.arctitle{padding:20px 0;margin-top:30px;}
.arctitle h3{font-size:28px;text-align:center;line-height:60px;color:#333;}
.arctitle p{line-height:24px;color:#9a9a9a;padding-top:10px;text-align:center;font-size:15px;}
.arctitle p span{padding:0 20px;}
.arcbody{line-height:24px;color:#111;font-size:14px;padding:20px 0 30px;}

.prevnext{line-height:42px;color:#999;font-size:14px;padding:60px 0 60px;}
.prevnext img{vertical-align:middle;opacity:0.6;margin-right:10px;}
.prevnext a{color:#666;display:block;}
.prevnext a:hover{color:#333;}
.prevnext a:hover img{opacity:1;}
.prevnext a:nth-child(1){border-bottom:1px #eee dashed;}

.conleft{width:280px;float:left;}
.conright{width:877px;float:right;padding-bottom:60px;}

.conmenu a{display:block;position:relative;line-height:69px;background:#ededed;font-size:16px;color:#393939;text-indent:30px;border-top:1px #fff solid;}
.conmenu a:nth-child(1){border:0;}
.conmenu a:after{display:none;content:'';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px #fff solid;position: absolute;right:27px;top:0;bottom:0;margin:auto;}
.conmenu a.cur,.conmenu a:hover{background:#fea314;color:#fff;}
.conmenu a.cur:after,.conmenu a:hover:after{display:block;}
.mapbox{width:100%;height:428px;margin-top:10px;}
.mapbox iframe{border:0;width:100%;height:100%;}

.fwjs1{display: flex;justify-content:space-between;margin-top:15px;}
.fwjs1 li{width:394px;height:455px;background:#f1f1f1;box-sizing:border-box;padding:20px 30px 0;color:#575757;}
.fwjs1 li b{font-size:24px;}
.fwjs1 li p{line-height:30px;}
.fwjs1 li.cur{background:#f6d6a4;}

.nowpath{line-height:30px;}

.proleft{width:328px;float:left;}
.proright{width:854px;float:right;min-height:870px;}
.promenu h3{line-height:86px;background:#fea314;color:#5e5a5a;font-size:24px;font-weight: bold;text-align: center;}
.promenu li .big{display:block;line-height:40px;background:#e8e8e8;border-top:1px #fff solid;position: relative;text-indent:52px;}
.promenu li .big:after{position: absolute;content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #5e5a5a;right:26px;top:0;bottom:0;margin:auto;}
.promenu li .sublist{border-top:1px #fff solid;}
.promenu li .sublist a{display:block;line-height:50px;background:#e8e8e8;text-indent:71px;position: relative;}
.promenu li .sublist a:before{content:'';position: absolute;width:12px;height:12px;border:1px #575757 solid;left:51px;top:0;bottom:0;margin:auto;}
.promenu li .sublist a:after{display:none;content:'';position: absolute;width:4px;height:5px;background:#fea314;left:56px;top:0;bottom:0;margin:auto;}
.promenu li .sublist a.cur:after{display:block;}
.promenu li .subsublist a{text-indent:91px;}
.promenu li .subsublist a:before{left:71px;}
.promenu li.licur .big{background:#fea314;color:#fff;}

.prolist{}
.prolist li{width:270px;border:1px #828282 solid;float:left;margin-right:19px;margin-bottom:32px;}
.prolist ul a:nth-child(3n+3) li{margin-right:0;}
.prolist li .pic{height:156px;width:100%;}
.prolist li .xj{background:#8c8c8c;line-height:38px;font-size:16px;color:#fff;text-align:center;}
.prolist li .txt{padding:0 24px;color:#5c5b5b;height:135px;}
.prolist li .txt b{display:block;padding:10px 0 7px;}
.prolist li .txt p{font-size:12px;line-height:18px;height:54px;overflow: hidden;}
.prolist li .txt em{display:block;width:80px;line-height:22px;border:1px #666565 solid;text-align:center;color:#cf1d1c;margin-top:7px;}
.prolist li:hover{box-shadow: 0 0 17px rgba(101,101,101,.53);}
.prolist li:hover .xj{background:#cf1d1c;}
.prolist li:hover .txt em{background:#cf1d1c;color:#fff;border-color:#cf1d1c;}

.protit{line-height:18px;padding-bottom:5px;border-bottom:1px #aeaeae solid;}
.protit h3{color:#5e5a5a;display:inline-block;position: relative;font-size:14px;font-weight: bold;}
.protit h3:after{position: absolute;content: '';width:100%;height:3px;background:#fea314;left:0;bottom:-7px;}

.proinfo{height:232px;margin-top:35px;}
.proinfo .pic{float:left;width:333px;height:100%;background:#ccc;}
.proinfo .txt{width:495px;float:right;height:100%;position: relative;color:#5e5a5a;}
.proinfo .txt b{display:block;font-size:16px;line-height:18px;}
.proinfo .txt p{line-height:24px;margin-top:20px;height:120px;overflow: hidden;}
.proinfo .txt .btn{position: absolute;width:400px;bottom:5px;left:0;right:0;margin:auto;}
.proinfo .txt .btn a{display:block;float:left;}
.proinfo .txt .btn a.zx{width:171px;line-height:53px;background:#b92130 url(img/msg.png) no-repeat 12px center;text-indent:75px;color:#fff;font-size:18px;}
.proinfo .txt .btn a.tel{margin-left:32px;height:53px;background:url(img/phone.png) no-repeat left center;padding-left:66px;line-height:28px;font-size:14px;}
.proinfo .txt .btn a.tel b{color:#b92130;font-size:16px;}
.proinfo .txt .btn a.tel:hover{color:#333;}

.protab{margin-top:23px;}
.protab dt{line-height:41px;border-top:1px #5e5a5a solid;border-bottom:1px #5e5a5a solid;}
.protab dt li{width:174px;text-align:center;color:#5e5a5a;font-size:16px;float:left;cursor:pointer;margin-right:1px;position: relative;}
.protab dt li:before,.protab dt li:after{display:none;content:'';position: absolute;left:0;width:100%;height:1px;background:#fea314;}
.protab dt li:before{top:-1px;}
.protab dt li:after{bottom:-1px;}
.protab dt li.cur,.protab dt li:hover{background:#fea314;color:#fff;}
.protab dt .cur:before,.protab dt .cur:after,.protab dt li:hover:before,.protab dt li:hover:after{display:block;}

.protab dd{display:none;}
.protab dd.cur{display:block;}


.piclist li{width:269px;border:1px #ccc solid;float:left;margin-right:20px;margin-bottom:32px;}
.piclist ul a:nth-child(3n+3) li{margin-right:0;}
.piclist li .pic{height:180px;width:100%;}
.piclist li .txt{color:#5c5b5b;padding:10px 24px 7px;text-align:center;}
.piclist li .txt b{display:block;word-wrap:break-word;height:40px;line-height:20px;overflow:hidden;}
.piclist li:hover{box-shadow: 0 0 17px rgba(101,101,101,.53);}



@media(max-width:640px){
body{font:0.32rem 微软雅黑;background:#fff;color:#333;width:100%;max-width:100%;margin:0 auto;overflow-x:hidden;}
input,select,button{font:0.32rem Verdana,Arial,Tahoma;vertical-align:middle;cursor: pointer; -webkit-appearance: none; }
h1,h2,h3,h4,h5,h6 {font-size: 0.32rem;font-weight: normal;}
.m,.m2{width:96%;margin:0 auto;}
.mt30{margin-top:0.2rem;}

.hdtop .right{float:none;text-align:center;}

.head{text-align:center;margin:auto;height:1.6rem;}
.head .logo{bottom:auto;position:relative;width:80%;margin:0.266667rem 0 0;left:1%;}
.head .logo img{width:100%;height:auto;}
.head .sear{display:none;}

.hdnav{position: fixed;height:100%;left:-50%;top:0;z-index:1000;background:rgba(0,0,0,.7);width:50%;transition:.3s;line-height:1.333333rem;}
.hdnav ul{padding-top:0.533333rem;}
.hdnav li{float:none;}
.hdnav li a.big{float:none;font-size:0.466667rem;color:#fff;margin:0;}
.hdnav li a.a6{padding:0;}
.hdnav li .subnav{position: relative;left:auto;top:auto;}
.hdnav li .subnav a{line-height:0.666667rem;font-size:0.373333rem;margin:0.066667rem 0 0;}
.hdnav .storelink{position: relative;top:auto;width:2.933333rem;height:0.8rem;line-height:0.8rem;margin:0.4rem auto 0;background:#fff url(img/cart.png) no-repeat 0.266667rem center;text-indent:0.8rem;}
.hdnav.cur{left:0;}


.navlistbtn {display:block;position:absolute;right:2%;top:0;width:0.7rem;height:100%;margin:auto;}
.navlistbtn > .i-bar {
    position: absolute;
    left: 0;top: 0;
    width:0.7rem;
    height:3px;
    border-radius: 1px;
    background: #333;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    transition: background-color 0.35s,opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navlistbtn > .i-bar:nth-of-type(1) {top:0.32rem;}
.navlistbtn > .i-bar:nth-of-type(2) {top:0.506667rem;}
.navlistbtn > .i-bar:nth-of-type(3) {top:0.693333rem;}
.navlistbtn.cur > .i-bar:nth-of-type(1) {-webkit-transform: translateY(0.186667rem;) rotate(45deg);-ms-transform: translateY(0.186667rem) rotate(45deg);transform: translateY(0.186667rem) rotate(45deg);}
.navlistbtn.cur > .i-bar:nth-of-type(2) {opacity: 0;}
.navlistbtn.cur > .i-bar:nth-of-type(3) {-webkit-transform: translateY(-0.186667rem) rotate(-45deg);    -ms-transform: translateY(-0.186667rem) rotate(-45deg);    transform: translateY(-0.186667rem) rotate(-45deg);}


.i_banner{height:6rem;}
.i_banner .swiper-pagination-bullet{width:0.3rem;height:0.3rem;}
.i_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.133333rem;}
.i_banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0.533333rem;}

.itit{padding:0.4rem 0;}
.itit h2{font-size:0.533333rem;line-height:0.88rem;}
.itit p{line-height:0.466667rem;font-size:0.32rem;}

.itit2{padding:0.533333rem 0;}
.itit2 h2{font-size:0.533333rem;padding:0 0.4rem;line-height:0.573333rem;}

.ifw{padding:0.4rem 0 0.266667rem;min-width:auto;}
.ifw ul{flex-wrap:wrap;width:94%}
.ifw li{width:100%;margin-bottom:0.266667rem;}
.ifw li .tit{height:auto;padding-bottom:0.266667rem;}
.ifw li .tit b{padding:0.266667rem 0 0.133333rem;0.426667rem;}
.ifw li .tit .nr{font-size:0.346667rem;line-height:0.56rem;}

.ipro .hd{overflow:hidden;}
.ipro .hd ul{text-align:left;overflow-x:scroll;overflow-y: hidden;padding:0;}
.ipro .hd li{width:20%;height:2.2rem;margin:0;flex:1;}
.ipro .hd li .pic{height:1.5rem;}
.ipro .hd li .pic img{width:70%;height:70%;}
.ipro .hd li b{text-align:center;margin-top:0.106667rem;}
.ipro .bd li{width:50%;}

.iabout{height:6.666667rem;}
.iabout .tit{width:80%;height:80%;left:0;padding:0.4rem 0.4rem 0;}
.iabout .tit h3 b{font-size:0.6rem;}
.iabout .tit h3 span{font-size:0.5rem;}
.iabout .tit .nr{line-height:0.46rem;margin-top:0.266667rem;}

.inews .left{width:100%;float:none;height:8.0rem;}
.inews .left li{height:8rem;}
.inews .left li .pic{height:100%;}
.inews .left li .tit{height:2.133333rem;padding:0.266667rem 0.266667rem 0;}
.inews .left li .tit b{font-size:0.4rem;line-height:0.4rem;}
.inews .left li .tit p{margin-top:0.133333rem;line-height:0.533333rem;height:1.066667rem;overflow:hidden;}
.inews .left li .tit em{display:none;}
.inews .right{float:none;width:100%;margin-top:0.266667rem;height:10.08rem;}
.inews .right li{height:2.133333rem;margin-bottom:0.2rem;}
.inews .right li .time{width:17%;}
.inews .right li .time::after{right:-30%;}
.inews .right li .tit{width:71%;margin-right:3%;}
.inews .right li .tit b{padding:0.266667rem 0 0.133333rem;}
.inews .right li .tit p{font-size:0.293333rem;line-height:0.533333rem;height:1.066667rem;overflow:hidden;}
.inews .right .prev, .inews .right .next{width:46%;height:0.666667rem;}

.zxxj{height:7.2rem;}
.zxxj ul{margin-top:0.266667rem;flex-wrap:wrap;}
.zxxj ul li{width:80%!important;margin-bottom:0.266667rem;}
.zxxj .intxt{height:0.933333rem;line-height:0.933333rem;font-size:0.4rem;text-indent:0.4rem;}
.zxxj .inbtn{height:0.933333rem;line-height:0.933333rem;width:100%;font-size:0.4rem;}

.foot{height:auto;padding-bottom:1.333333rem;}
.foota{padding-top:0.266667rem;height:auto;}
.foota .footnav{width:100%;float:none;flex-wrap:wrap;}
.foota .footnav li{width:33.33333%;padding:0;line-height:0.64rem;}
.foota .coninfo{float:none;width:100%;margin-top:0.266667rem;line-height:0.64rem;}
.foota .ewm{float:none;width:90%;margin:0.266667rem auto;}
.foota .ewm li{width:28%;}
.footb{line-height:0.56rem;}

.rightfix{width:100%;bottom:0;display:flex;}
.rightfix li{width:50%;border:0;}
.rightfix li a{height:0.986667rem;font-size:0.373333rem;}
.rightfix li:nth-child(1) a{border-radius:0;border-right:1px #ca5454 solid;}
.rightfix #gotop{position:fixed;right:0;bottom:1.333333rem;width:1.2rem;}
.rightfix #gotop a{border-radius: 5px 0 0 5px;}
.rightfix #gotop img{width:80%;}

.banner{height:6rem;background-size:cover!important;}
.banner .m{padding-left:0.666667rem;}
.banner .claname{height:3.226667rem;top:3.6rem;}
.banner .claname b{font-size:0.8rem;padding:0.666667rem 0 0.133333rem;line-height:1.146667rem;}
.banner .claname p{font-size:0.453333rem;}

.proleft{width:100%;float:none;}
.proright{width:100%;float:none;margin-top:0.266667rem;}
.promenu h3{line-height:1.333333rem;font-size:0.426667rem;}
.promenu li .big{line-height:0.933333rem;}
.promenu li .sublist a{line-height:0.933333rem;}
.prolist li{width:100%;margin-right:0;margin-bottom:0.266667rem;}
.prolist li .pic{height:5.066667rem;}
.prolist li .xj{line-height:1.013333rem;font-size:0.426667rem;}
.prolist li .txt p{font-size:0.32rem;height:1.44rem;line-height:0.48rem;}
.prolist li .txt em{width:2.133333rem;line-height:0.586667rem;margin-top:0.2rem;}
.protit{line-height:0.48rem;}

.proinfo{margin-top:0.266667rem;height:auto;}
.proinfo .pic{width:100%;float:none;height:5.333333rem;}
.proinfo .txt{width:100%;float:none;padding-bottom:1.4rem;}
.proinfo .txt b{font-size:0.4rem;line-height:0.48rem;padding-top:0.266667rem;}
.proinfo .txt p{line-height:0.586667rem;margin-top:0.266667rem;height:1.76rem;}
.proinfo .txt .btn{width:100%;bottom:0;display:flex;justify-content:space-between;}
.proinfo .txt .btn a{float:none;}
.proinfo .txt .btn a.zx {
    width: 40%;
    line-height: 1.12rem;
    background: #b92130 url(img/msg.png) no-repeat 0.42rem center;
    background-size:20%;
    text-indent: 1.6rem;
    font-size: 0.4rem;
}
.proinfo .txt .btn a.tel {
    margin-left: 0;
    height: 1.12rem;
    background: url(img/phone.png) no-repeat left center;
    background-size:23%;
    padding-left:1.2rem;
    line-height: 0.64rem;
    font-size:0.373333rem;
}
.proinfo .txt .btn a.tel b{padding-top:0;}

.protab{margin-top:0.533333rem;}
.protab dt{line-height:0.986667rem;}
.protab dt li{width:33.33333%;margin-right:0;font-size:0.4rem;}

.subclass{line-height:1.2rem;}
.subclass .m2{width:100%;}
.subclass a{font-size:0.373333rem;}

.abouttit{margin:0.4rem 0;}
.abouttit h3{font-size:0.5rem;}
.abouttit p{font-size:0.266667rem;padding-top:0.133333rem;}

.fwjs1{flex-wrap:wrap;margin-top:0.266667rem;}
.fwjs1 li{width:100%;height:auto;margin-bottom:0.266667rem;padding:0.266667rem 0.533333rem;}
.fwjs1 li b{font-size:0.48rem;}
.fwjs1 li p{line-height:0.693333rem;}

.arclist ul{padding-top:0.533333rem;}
.arclist li{width:100%;height:3.3rem;margin: 0 0 0.533333rem 0px;padding-bottom:0;}
.arclist li .pic{float:left;width:30%;height:2.3rem;}
.arclist li .txt{float:right;width:68%;margin:0 0 0 0;height:100%;}
.arclist li .txt em{padding:0.266667rem 0 0.133333rem;}
.arclist li .txt b{font-size:0.4rem;}
.arclist li .time{left:0;top:auto;bottom:0;width:30%;line-height:0.8rem;font-size:0.426667rem;}
.arclist li .txt p{line-height:0.586667rem;height:1.76rem;overflow:hidden;}
.arclist li .txt .more{display:none;}

.aboutbody{padding:0.8rem 0;}

.arctitle{padding:0.4rem 0;width:96%;}
.arctitle h3{font-size:0.426667rem;line-height:0.666667rem;}
.arctitle p{line-height:0.466667rem;padding-top:0.133333rem;font-size:0.32rem;}
.arctitle p span{padding:0 0.266667rem;}
.arcbody{line-height:0.533333rem;font-size:0.346667rem;padding:0.4rem 2% 0;}
.arcbody img{width:100%!important;height:auto!important;}
.prevnext{padding:0.666667rem 0;line-height:0.8rem;font-size:0.32rem;}
.prevnext a{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.prevnext img{width:5%;margin-right:0.133333rem;}

.aboutusfour{width:100%;margin-right:0;display:flex;flex-wrap:wrap;margin-top:0.533333rem;}
.aboutusfour li{width:50%;float:none;margin:0;height:auto;}

.conleft{float:none;width:100%;}
.conright{float:none;width:100%;margin-top:0.266667rem;}
.conmenu{display:flex;justify-content:space-between;}
.conmenu a{width:33.33%;line-height:1.066667rem;font-size:0.373333rem;text-indent:0;text-align:center;align-items:center;border:0;}
.conmenu a::after{right:0.266667rem;border-top: 0.2rem solid transparent;border-bottom: 0.2rem solid transparent;border-left: 0.2rem #fff solid;}

.arclist_page{padding:0.666667rem 0;}
.arclist_page a, .arclist_page em{padding: 1px 8px;font-size:14px;}

.piclist li{width:100%;margin-right:0;margin-bottom:0.366667rem;}
.piclist li .pic{height:5.066667rem;}


}